<template>
 <div>
  
  <div :id="'mypdf' + item.id"  v-for="item in scores" :key="item.id" style="margin-bottom:50px;" border="true" size="mini">
  <el-descriptions :title="'[宿舍打分表](打分时间)：' + item.scoreTime"  :column="2" border :extra="'浏览用户：' + user.username">
    <el-descriptions-item label="党员、积极分子先锋模范作用发挥好（5分）">{{item.score1}}（分）</el-descriptions-item>    
    <el-descriptions-item label="张贴优秀传统文化、革命文化和社会主义先进文化宣传制品（5分">{{item.score2}}（分）</el-descriptions-item>    
    <el-descriptions-item label="无私拉乱接电线（5分）">{{item.score3}}（分）</el-descriptions-item>    
    <el-descriptions-item label="无违章电器（5分）">{{item.score4}}（分）</el-descriptions-item>    
    <el-descriptions-item label="无蜡烛、酒精灯等明火设备（5分）">{{item.score5}}（分）</el-descriptions-item>    
    <el-descriptions-item label="无有毒、有害、易燃、易爆等危险品（5分）">{{item.score6}}（分）</el-descriptions-item>    
    <el-descriptions-item label="无管制刀具、各类仿真枪具等危险器具（5分）">{{item.score7}}（分）</el-descriptions-item>    
    <el-descriptions-item label="宿舍门窗无悬挂或张贴遮盖物，床铺无帷幔（5分）">{{item.score8}}（分）</el-descriptions-item>    
    <el-descriptions-item label="无电竞椅、台式电脑及影响人员流通的大件家具">{{item.score9}}（分）</el-descriptions-item>    
    <el-descriptions-item label="室内空气清新，无异味（5分）">{{item.score10}}（分）</el-descriptions-item>    
    <el-descriptions-item label="室内物品摆放整齐、有序（5分）">{{item.score11}}（分）</el-descriptions-item>    
    <el-descriptions-item label="地面整洁，无垃圾（5）">{{item.score12}}（分）</el-descriptions-item>    
    <el-descriptions-item label="学生宿舍卫生值日制度并张贴于显著位置（5）">{{item.score13}}（分）</el-descriptions-item>    
    <el-descriptions-item label="学习、研讨及相关活动（5分）">{{item.score14}}（分）</el-descriptions-item>    
    <el-descriptions-item label="教学时间不卧床休息（5分）">{{item.score15}}（分）</el-descriptions-item>    
    <el-descriptions-item label="教学时间不打游戏（5分）">{{item.score16}}（分）</el-descriptions-item>    
    <el-descriptions-item label="无旷课现象（5分）">{{item.score17}}（分）</el-descriptions-item>    
    <el-descriptions-item label="讲文明礼貌（5分）">{{item.score18}}（分）</el-descriptions-item>    
    <el-descriptions-item label="积极配合检查（5分）">{{item.score19}}（分）</el-descriptions-item>    
    <el-descriptions-item label="精神状态健康、向上（5分）">{{item.score20}}（分）</el-descriptions-item>    
    <el-descriptions-item label="导出">
      <el-button size="mini"  @click="exportPdf(item.id, item.scoreTime)">导出pdf</el-button>
    </el-descriptions-item>
  </el-descriptions>
  </div>

  <el-empty description="这个宿舍目前还没有打分"  v-if="scores.length === 0"></el-empty>


 </div>
</template>
<script>
import htmlToPdf from '@/script/htmlToPdf'
export default {


  data () {
    return {
      role: '',
      scores: [],
      rectification: {},
      user: {}
    }
  },
  created () {

    // 获得角色信息
    this.role = window.sessionStorage.getItem('role')

    // 获得用户信息
    this.user = JSON.parse(window.sessionStorage.getItem('user'))

    this.$http.get('/dormitory/score/' + window.sessionStorage.getItem('d_id')).then(response => {
        this.scores = response.data
        console.log(response.data)
    })

  },
  methods: {
    // 导出Pdf
    exportPdf(id,time) {
       htmlToPdf.downloadPDF(document.querySelector("#mypdf" + id), "宿舍安全情况-" + time);
    }
  }
}
</script>
<style>
</style>